<template>
	<view class="home-wrap u-m-b-20">
		<wanl-navbar :isBack="true" :background="{background: '#fff',}" :showGongNeng="true">
			<text
				slot="content"
				style="color: #000; width: 100%;padding-left: 20rpx;"
			>
				{{ artDetail.title }}
			</text>
		</wanl-navbar>
		<view  class="content-box">
			<view class="zixun-item">
				<view class="zixuntitle text-lines-mp">{{artDetail.title}}</view>
				<view class="zixuntime">
					<u-icon name="clock" :color="'#999'" size="20" style="margin-right: 8rpx"></u-icon>
					<view class="u-time u-m-r-6">{{ artDetail.createtime }}</view>
					
				</view>
<!--				<view class="zixunimg">-->
<!--					<image :src="artDetail.img"></image>-->
<!--				</view>-->
				<view class="u-content">
					{{
						artDetail.content
					}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			zixunId:'',
			artDetail:{
			
			}
		};
	},
	onLoad(option) {
		this.zixunId    = option.zixunId;
		this.initdata()
	},
	methods:{
		initdata(){
			let that = this;
			uni.request({
				url:'/wanlshop/shop/getShopNewsInfo',
				method: 'POST',
				data:{
				id:this.zixunId
				},
				success: res => {
					that.artDetail = res.data;
				},
			})
		},
	}
}
</script>

<style lang="scss" scoped>
page{
	background: #fff;
}
.content-box{
	border-top: 2rpx solid #eaeaea;
	padding: 20rpx 40rpx;
}
.zixun-item{
	border-radius: 20rpx;
	background: transparent;
	.zixuntitle{
		width: 100%;
		color: #333;
		font-size: 36rpx;
		font-weight: bold;
		line-height: 50rpx;
		margin-top: 20rpx;
	}
	.zixunimg{
		width: 100%;
		height: 280rpx;
		margin-top: 20rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.zixuntime{
		width: 100%;
		color: #cccccc;
		font-size: 24rpx;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 26rpx 0;
	}
	.u-content{
		text-indent: 30rpx;
		line-height: 50rpx;
		text-align: justfly;
		margin-top: 20rpx;
		width: 100%;
	}
}
</style>
